<html>
	<head>
		<script type="text/javascript" 
		src="../js/jquery-1.4.3.js"></script>
		<script type="text/javascript">
			function f1(){
				$('#d1 div').css('font-size','60px');
			}
			function f2(){
				$('#d1>div').css('font-size','60px');
			}
			
			function f3(){
				$('#d3+div').css('font-size','60px');
			}
			
			function f4(){
				$('#d3~div').css('font-size','60px');
			}
		</script>
	</head>
	<body style="font-size:30px;">
		<div id="d1">
			<div id="d2">Hello d2</div>
			<div id="d3">
				<div id="d4" style="font-size: 40px;">Hello d4</div>
			</div>
			<div id="d5">Hello d5</div>
			<p>Hello p</p>
		</div>
		<a href="javascript:;" id="a1" 
		onclick="f4();">ClickMe</a>
	</body>
</html>